<template>
    <div class="footer">
        <p class="title"><a href="http://zhi_xia.gitee.io/vue-nicemusic/#/home">CloudMusic 演示站</a></p>
        <p class="copyright">
            Copyright © 2020
        </p>
    </div>
</template>

<script>
export default {
    data() {
        return {

        }
    },
    created() {

    },
    methods: {

    },
}
</script>

<style lang="less" scoped>
.footer {
    position: relative;
    bottom: 0;
    min-width: 1080px;
    height: 150px;
    background: #131e27;
    .title {
        position: absolute;
        top: 20px;
        left: 20px;
        font-size: 14px;
        letter-spacing: 1px;
        color: #fff;
        padding: 0 5px;
        border-left: 3px solid #fa2800;
        a {
            color: #fff;
        }
    }
    .copyright {
        position: absolute;
        top: 55px;
        left: 20px;
        color: #fff;
    }
}
</style>